<!DOCTYPE html>

<!--[if IE 8]><html class="ie8"><![endif]-->
<!--[if IE 9]><html class="ie9"><![endif]-->
<!--[if gt IE 9]><!-->
<html>
<!--<![endif]-->
<head>
    <title th:text = "${movieBean.movieName}"></title>
    <!-- <link rel="dns-prefetch" href="//p0.meituan.net"> -->
    <!-- <link rel="dns-prefetch" href="//p1.meituan.net"> -->
    <!-- <link rel="dns-prefetch" href="//ms0.meituan.net"> -->
    <!-- <link rel="dns-prefetch" href="//s0.meituan.net"> -->
    <!-- <link rel="dns-prefetch" href="//ms1.meituan.net"> -->
    <!-- <link rel="dns-prefetch" href="//analytics.meituan.com"> -->
    <!-- <link rel="dns-prefetch" href="//report.meituan.com"> -->
    <!-- <link rel="dns-prefetch" href="//frep.meituan.com"> -->
    <!-- <link rel="alternate" media="only screen and (max-width: 640px)" href="https://m.maoyan.com/cinema/movie/343034"> -->

    <meta charset="utf-8">
    <meta name="keywords" content="速度与激情9,买票,购票,影院选择,范·迪塞尔,米歇尔·罗德里格兹,泰瑞斯·吉布森,林诣彬">
    <meta name="description" content="买票票电影为您提供速度与激情9影院选择，在线购票服务，以及影院地址,影院排片等信息。更多速度与激情9信息请关注买票票电影官网。">
    <meta http-equiv="cleartype" content="yes">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">

    <meta name="HandheldFriendly" content="true">
    <meta name="format-detection" content="email=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="width=device-width, initial-scale=1">


    <script>
        "use strict";
        ! function() {
            var i = 0 < arguments.length && void 0 !== arguments[0] ? arguments[0] : "_Owl_",
                n = window;
            n[i] || (n[i] = {
                isRunning: !1,
                isReady: !1,
                preTasks: [],
                dataSet: [],
                use: function(i, t) {
                    this.isReady && n.Owl && n.Owl[i](t), this.preTasks.push({
                        api: i,
                        data: [t]
                    })
                },
                add: function(i) {
                    this.dataSet.push(i)
                },
                run: function() {
                    var t = this;
                    if (!this.isRunning) {
                        this.isRunning = !0;
                        var i = n.onerror;
                        n.onerror = function() {
                            this.isReady || this.add({
                                type: "jsError",
                                data: arguments
                            }), i && i.apply(n, arguments)
                        }.bind(this), (n.addEventListener || n.attachEvent)("error", function(i) {
                            t.isReady || t.add({
                                type: "resError",
                                data: [i]
                            })
                        }, !0)
                    }
                }
            }, n[i].run())
        }();
    </script>
    <link rel="stylesheet" href="../css/common.6b1d782c.css">
    <link rel="stylesheet" href="../css/cinemas-list.0350856d.css">
    <script crossorigin="anonymous" src="../js/stat.88d57c80.js"></script>
    <script>
        if (window.devicePixelRatio >= 2) {
            document.write(
                '<link rel="stylesheet" href="//s3plus.meituan.net/v1/mss_e2821d7f0cfe4ac1bf9202ecf9590e67/cdn-prod/file:5788b470/image-2x.8ba7074d.css"/>'
            )
        }
    </script>
    <style>
        @font-face {
            font-family: stonefont;
            src: url(&#x27;etc/01e0fbdbd6b5a4bc8ba1fe8a890a649d3440.txt&#x27;);
            src: url(&#x27;etc/01e0fbdbd6b5a4bc8ba1fe8a890a649d3440.txt#iefix&#x27;) format(&#x27; embedded-opentype&#x27; ),
        url(&#x27;fonts/f0a30a4dda64b4f8f344858115f54fc92296.woff&#x27;) format(&#x27; woff&#x27; );
        }

        .stonefont {
            font-family: stonefont;
        }
    </style>
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?703e94591e87be68cc8da0da7cbd0be2";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</head>

<body>


<div class="header">
    <div class="header-inner">
        <a href="//maoyan.com" class="logo" data-act="icon-click">买票票电影</a>
        <div class="city-container" data-val="{currentcityid:1 }">
            <div class="city-selected">
                <div class="city-name">
                    西安
                    <span class="caret"></span>
                </div>
            </div>
            <div class="city-list" data-val="{ localcityid: 1 }">
                <div class="city-list-header">定位城市：<a class="js-geo-city" data-ci="1">西安</a></div>

            </div>
        </div>


        <div class="nav">
            <ul class="navbar">
                <li><a href="/movie/homepage" data-act="home-click">首页</a></li>
                <li><a href="../movie/movieAll?status=1" data-act="movies-click">电影</a></li>
                <li><a href="../movie/cinemaAll" data-act="cinemas-click" class="active">影院</a></li>
                <li><a href="/list" data-act="board-click">榜单</a></li>
            </ul>
        </div>

        <div class="user-info">
            <div class="user-avatar J-login">
                <img src="images/7dd82a16316ab32c8359debdb04396ef2897.png">
                <span class="caret"></span>
                <ul class="user-menu no-login-menu" id="myMessage">
                    <li><a href="../page/login" >登录</a></li>
                </ul>
            </div>
        </div>

        <form action="../movie/getMovie" target="_blank" class="search-form" data-actform="search-click">
            <input name="movieName" class="search" type="search" maxlength="32" placeholder="快来搜索想看的电影吧" autocomplete="off">
            <input class="submit" type="submit" value>
        </form>

        <div class="app-download">
            <a href="/app" target="_blank">
                <span class="iphone-icon"></span>
                <span class="apptext">APP下载</span>
                <span class="caret"></span>
                <div class="download-icon">
                    <p class="down-title">扫码下载APP</p>
                    <p class="down-content">选座更优惠</p>
                </div>
            </a>
        </div>

    </div>
</div>
<div class="header-placeholder"></div>

<div class="banner">
    <div class="wrapper clearfix">
        <div class="celeInfo-left">
            <div class="avatar-shadow">
                <img class="avatar" th:src = "${movieBean.img}"
                     alt="海报封面">
                <div class="movie-ver"><i class="imax3d"></i></div>
            </div>
        </div>
        <div class="celeInfo-right clearfix">
            <div class="movie-brief-container">
                <h1 class="name" th:text = "${movieBean.movieName}"></h1> <!--电影名称-->
                <ul>
                    <li class="ellipsis">
                        <a class="text-link" href="/films?catId=" target="_blank" th:text = "${movieBean.typename}">
                        </a> <!--类型 描述  -->
                    </li>
                    <li class="ellipsis">
                        <span th:text = "${movieBean.moviestate}"></span>
                        / <span th:text = "${movieBean.moviedate}"></span>
                    </li>
                    <li class="ellipsis">
                        <span th:text = "${movieBean.filmSchedule}"></span>中国大陆上映
                    </li>
                </ul>
            </div>
            <div class="action-buyBtn">

                <a class="btn buy" href="javascript:movieInfo()" >查看更多电影详情</a>
            </div>

            <div class="movie-stats-container">

                <div class="movie-index">
                    <p class="movie-index-title">买票票电影口碑</p>
                    <span id="movieDetailsSpan"></span>
                </div>



                <div class="movie-index">
                    <p class="movie-index-title">累计票房</p>
                    <span id="movieAccruingSpan"></span>

                </div>
            </div>

        </div>
    </div>
</div>


<div class="container" id="app">
    <div class="tags-panel">
        <ul class="tags-lines">
            <li class="tags-line" data-type="brand">
                <div class="tags-title">品牌:</div>
                <ul class="tags">

                    <li class="active" id="p1">
                        <a data-act="tag-click"   href="javascript:pAll(-1)" >全部</a>
                    </li>

                    <span id="cinemaNameSpan"></span> <!--影院的 名称 -->
                </ul>
            </li>

            <li class="tags-line tags-line-border" data-type="district">
                <div class="tags-title">行政区:</div>
                <ul class="tags">
                    <li class="active" id="p2">
                        <a data-act="tag-click"   href="javascript:xAll(-1)" >全部</a>
                    </li>
                   <span id="area"></span>
                </ul>
            </li>
            <li class="tags-line tags-line-border" data-type="hallType">
                <div class="tags-title">特殊厅:</div>
                <ul class="tags">
                    <li class="active"  id="p3">
                        <a data-act="tag-click"   href="javascript:tAll(-1)" >全部</a>
                    </li>
                   <span id="hall"></span>
                </ul>
            </li>
        </ul>
    </div>

    <div class="cinemas-list">
        <h2 class="cinemas-list-header">
            <span>影院列表</span>
            <div class="cinemas-list-filter">
						<span class="cinemas-list-filter-title ">
							<img src="images/af58aa7b387e1c4d26797f027733ace2309.png">
							筛选
						</span>
                <ul class="cinemas-list-filter-info">
                    <li class="filter-item" data-val="distance">
                        <a data-act="tag-click" data-val="{TagName: '距离近', city_id:1}"
                           href="?sort=distance&amp;movieId=343034">
                            距离近
                        </a>
                    </li>
                    <li class="filter-item" data-val="price">
                        <a data-act="tag-click" data-val="{TagName: '价格低', city_id:1}"
                           href="?sort=price&amp;movieId=343034">
                            价格低
                        </a>
                    </li>
                </ul>
            </div>
        </h2>
        <span id="spanCinema"></span>
    </div>
    <script id="comment-form-container" type="text/template">
        <form id="comment-form" data-val="{movieid:343034}">
            <div class="score-msg-container ">
                <div class="score"><span class="num"></span>分</div>
                <div class="score-message"></div>
                <div class="no-score">
                    请点击星星评分
                </div>
            </div>
            <div class="score-star-contaienr">
                <ul class="score-star clearfix" data-score="">
                    <li>
                        <i class="half-star left "></i><i class="half-star right "></i>    </li>
                    <li>
                        <i class="half-star left "></i><i class="half-star right "></i>    </li>
                    <li>
                        <i class="half-star left "></i><i class="half-star right "></i>    </li>
                    <li>
                        <i class="half-star left "></i><i class="half-star right "></i>    </li>
                    <li>
                        <i class="half-star left "></i><i class="half-star right "></i>    </li>
                </ul>

            </div>
            <div class="content-container">
                <textarea placeholder="快来说说你的看法吧" name="content" id="" cols="30" rows="10"></textarea>
                <span class="word-count-info"></span>
            </div>
            <input type="hidden" name="score" />
            <input class="btn" type="submit" value="提交" data-act="comment-submit-click" />
        </form>
        <div class="close">×</div>
    </script>
</div>

<div class="footer">
    <p class="friendly-links">
        关于买票票 :
        <a href="http://ir.maoyan.com/s/index.php#pageScroll0" target="_blank">关于我们</a>
        <span></span>
        <a href="http://ir.maoyan.com/s/index.php#pageScroll1" target="_blank">管理团队</a>
        <span></span>
        <a href="http://ir.maoyan.com/s/index.php#pageScroll2" target="_blank">投资者关系</a>
        &nbsp;&nbsp;&nbsp;&nbsp;
        友情链接 :
        <a href="http://www.meituan.com" data-query="utm_source=wwwmaoyan" target="_blank">美团网</a>
        <span></span>
        <a href="http://www.gewara.com" data-query="utm_source=wwwmaoyan">格瓦拉</a>
        <span></span>
        <a href="http://i.meituan.com/client" data-query="utm_source=wwwmaoyan" target="_blank">美团下载</a>
        <span></span>
        <a href="https://www.huanxi.com" data-query="utm_source=maoyan_pc" target="_blank">欢喜首映</a>
    </p>
    <p class="friendly-links">
        商务合作邮箱：v@maoyan.com
        客服电话：10105335
        违法和不良信息举报电话：4006018900
    </p>
    <p class="friendly-links">
        用户投诉邮箱：tousujubao@meituan.com
        舞弊线索举报邮箱：wubijubao@maoyan.com
    </p>
    <p class="friendly-links  credentials">
        <a href="/about/licence/1" target="_blank">中华人民共和国增值电信业务经营许可证 京B2-20190350</a>
        <span></span>
        <a href="/about/licence/4" target="_blank">营业性演出许可证 京演（机构）（2019）4094号</a>
    </p>
    <p class="friendly-links  credentials">
        <a href="/about/licence/3" target="_blank">广播电视节目制作经营许可证 （京）字第08478号</a>
        <span></span>
        <a href="/about/licence/2" target="_blank">网络文化经营许可证 京网文（2019）3837-369号 </a>
    </p>
    <p class="friendly-links  credentials">
        <a href="/rules/agreement" target="_blank">买票票用户服务协议 </a>
        <span></span>
        <a href="/rules/rule" target="_blank">买票票平台交易规则总则 </a>
        <span></span>
        <a href="/rules/privacy" target="_blank">隐私政策 </a>
    </p>
    <p class="friendly-links  credentials">
        <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010102003232"
           target="_blank">京公网安备
            11010102003232号</a>
        <span></span>
        <a href="http://www.beian.miit.gov.cn/" target="_blank">京ICP备16022489号-1</a>
    </p>
    <p>西安买票票文化传媒有限公司</p>
    <p>
        &copy;<span class="my-footer-year">2016</span>
        买票票电影 hanghang.com</p>
    <div class="certificate">
        <a href="http://sq.ccm.gov.cn:80/ccnt/sczr/service/business/emark/toDetail/350CF8BCA8416C4FE0530140A8C0957E"
           target="_blank">
            <img src="../images/e54374ccf134d1f7b2c5b075a74fca525326.png">
        </a>
        <a href="/about/licence/5" target="_blank">
            <img src="../images/805f605d5cf1b1a02a4e3a5e29df003b8376.png">
        </a>
        <a href="https://www.12377.cn" target="_blank">
            <img src="../images/3cd2a9b7dc179531d20d27a5fd686e783787.png">
        </a>
    </div>
</div>
<!-- 引入jquery的js -->
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script crossorigin="anonymous" src="../js/owl_1.7.11.js"></script>
<script>
    Owl.start({
        project: 'com.sankuai.movie.fe.mywww',
        pageUrl: location.href.split('?')[0].replace(/\/\d+/g, '/:id'),
        devMode: false
    })
</script>
<!--[if IE 8]><script crossorigin="anonymous" src="//s3plus.meituan.net/v1/mss_e2821d7f0cfe4ac1bf9202ecf9590e67/cdn-prod/file:5788b470/es5-shim.bbad933f.js"></script><![endif]-->
<!--[if IE 8]><script crossorigin="anonymous" src="//s3plus.meituan.net/v1/mss_e2821d7f0cfe4ac1bf9202ecf9590e67/cdn-prod/file:5788b470/es5-sham.d6ea26f4.js"></script><![endif]-->
<script crossorigin="anonymous" src="../js/common.f4713c37.js"></script>
<script crossorigin="anonymous" src="../js/cinemas-list.aa012e28.js"></script>

<!--影院隐藏域-->
<input type="hidden" id="cinema" value="-1">
<!--地区隐藏域-->
<input type="hidden" id="areas" value="-1">
<!--影厅隐藏域-->
<input type="hidden" id="halls" value="-1">
</body>
<script>
    $(function(){
      //  queryCinemaAll(); // 影院的 列表
       // findCinemaName();  // 影院条查
        movieDetails(); // 电影评分
        myMessage();
        queryCinemaAll(-1,-1,-1);
    })
    var movieId=[[${movieBean.movieId}]];
    function queryCinemaAll(cinema,area,hall){
        $.ajax({
            url:'../movie/queryCinemaAll',
            async:false,
            data:{cinemaId:cinema,area:area,hall:hall,movieId:movieId},
            success:function(data){
                var str="";
                for (var i = 0; i <data.length ; i++) {
                    str+=' <div class="cinema-cell">\n' +
                        '      <div class="cinema-info">\n' +
                        '        <a href="../movie/buyTicket?cinemaId='+data[i].cinemaId+'" class="cinema-name" data-act="cinema-name-click" data-bid="b_4tkpau4m" data-val="{city_id: 1, cinema_id: 15280}">'+data[i].cinema+'</a>\n' +
                        '        <p class="cinema-address">地址:'+data[i].cinemaSite+'</p>\n' +
                        '        <div class="cinema-tags">\n';
                    //获取影厅
                    if(data[i].cinemaServe!=null){
                        var  cinemaServe =  data[i].cinemaServe.split(",");
                        var t = [];
                        for (var j = 0; j <cinemaServe.length ; j++) {
                            if (t.indexOf(cinemaServe[j])<0){
                                t.push(cinemaServe[j]);
                            }
                        }

                        for (var j = 0; j < t.length; j++) {
                            str+='<span class="cinema-tags-item">'+t[j]+'</span>\n'
                        }

                    }

                    str+=
                        '        </div>\n' +
                        '      </div>\n' +
                        '\n' +
                        '      <div class="buy-btn">\n' +
                        '        <a href="../cinemaInfoPage/cinemaInfo?cinemaId='+data[i].cinemaId+'&movieId='+[[${movieBean.movieId}]]+'" data-act="buy-btn-click"  data-bid="b_4tkpau4m">选座购票</a>\n' +
                        '      </div>\n' +
                        '\n' +
                        '      <div class="price">\n' +
                        '        <span class="rmb red">￥</span>\n';
                        if (data[i].moviePrice == null){
                            data[i].moviePrice = 0;
                        }
                        str +=
                        '        <span class="price-num red"><span class="stonefont">'+data[i].moviePrice+'</span></span>\n' +
                        '        <span>起</span>\n' +
                        '      </div>\n' +
                        '    </div>'
                }
                $("#spanCinema").html(str);
            }
        })
    }

    function movieInfo() {
        location.href="../buy/ticket?ids="+[[${movieBean.movieId}]];
    }
    function movieDetails() {
        var movieGrade = [[${movieBean.movieGrade}]];
        var movieGradeInfo = movieGrade * 10;
        var MovidCountLun = [[${movieBean.MovidCountLun}]];
        var str = '';
            str += '<div class="movie-index-content score normal-score">\n' +
                '\t\t\t\t\t\t\t\t<span class="index-left info-num ">\n' +
                '                                    <span class="stonefont">'+movieGrade+'</span> <!-- 电影 评分-->\n' +
                '\t\t\t\t\t\t\t\t</span>\n' +
                '                        <div class="index-right">\n' +
                '                            <div class="star-wrapper">\n' +
                '                                <div class="star-on" style="width:'+movieGradeInfo+'%;"></div>\n' +
                '                            </div>\n' +
                '                            <span class="score-num"><span\n' +
                '                                    class="stonefont">'+MovidCountLun+'</span>人评分</span>\n' +
                '                        </div>\n' +
                '                    </div>';
        var movieAccruing = [[${movieBean.movieAccruing}]]
            var strin = '<div class="movie-index-content box">\n' +
                '                        <span class="stonefont">'+movieAccruing+'</span><span class="unit">万</span>\n' +
                '                    </div>';
            $("#movieDetailsSpan").html(str);
            $("#movieAccruingSpan").html(strin);
    }
    //判断登录内容
    function myMessage(){
        $.ajax({
            url:"../user/loginSession",
            type:"get",
            success:function(data){
                var str="";
                if( data != ""  ){
                    str+="<li><a href='../page/myMessage?stu=1' data-act=\"board-click\">我的订单</a></li>";
                    str+="<li><a href='../page/myMessage?stu=2' data-act=\"board-click\">基本信息</a></li>";
                    str+="<li><a href='../page/logout' data-act=\"movies-click\">退出登录</a></li>";

                    $("#portrait").prop("src",data.img)
                    $("#myMessage").html(str);
                }

            }
        })
    }
    //获取西安市的区
    $.ajax({
        url:'../movie/getAddressById',
        success:function(data){
            var str="";
            for (var i = 0; i <data.length ; i++) {
                str+=' <li class id="ttt'+i+'">\n' +
                    '            <a data-act="tag-click"  href="javascript:test(\''+data[i].addressName+'\','+i+')" >'+data[i].addressName+'</a>\n' +
                    '          </li>';
            }
            $("#area").html(str);
        }
    })
    // 获取 影厅
    $.ajax({
        url:'../movie/getHall',
        success:function (data) {
            var str="";
            for (var i = 0; i <data.length ; i++) {
                str+=' <li class id="tt'+i+'">\n' +
                    '            <a data-act="tag-click"  href="javascript:getHall(\''+data[i].hallname+'\','+i+')" >'+data[i].hallname+'</a>\n' +
                    '          </li>'
            }
            $("#hall").html(str);
        }
    })
    //获取影院
    $.ajax({
        url:'../movie/getCinema',
        success:function (data) {
            var str="";
            var str="";
            for (var i = 0; i <data.length ; i++) {
                str+='<li class id="t'+i+'">\n' +
                    '            <a data-act="tag-click"  href="javascript:getCinema('+data[i].cinemaId+','+i+')" >'+data[i].cinema+'</a>\n' +
                    '          </li>'
            }
            $("#cinemaNameSpan").html(str);
        }
    })





    function getCinema(cinemaId,i){
        if(i==0){
            $("#t0").prop("class","tag-click active");
            $("#p1").prop("class","");
            $("#t1").prop("class","");
            $("#t2").prop("class","");
            $("#t3").prop("class","");
            $("#t4").prop("class","");
            $("#t5").prop("class","");
            $("#t6").prop("class","");
            $("#t7").prop("class","");
            $("#t8").prop("class","");
            $("#t9").prop("class","");
            $("#t10").prop("class","");
        }
        else if(i==1){
            $("#t1").prop("class","tag-click active");
            $("#p1").prop("class","");
            $("#t0").prop("class","");
            $("#t2").prop("class","");
            $("#t3").prop("class","");
            $("#t4").prop("class","");
            $("#t5").prop("class","");
            $("#t6").prop("class","");
            $("#t7").prop("class","");
            $("#t8").prop("class","");
            $("#t9").prop("class","");
            $("#t10").prop("class","");
        } else if(i==2){
            $("#t2").prop("class","tag-click active");
            $("#p1").prop("class","");
            $("#t1").prop("class","");
            $("#t0").prop("class","");
            $("#t3").prop("class","");
            $("#t4").prop("class","");
            $("#t5").prop("class","");
            $("#t6").prop("class","");
            $("#t7").prop("class","");
            $("#t8").prop("class","");
            $("#t9").prop("class","");
            $("#t10").prop("class","");
        } else if(i==3){
            $("#t3").prop("class","tag-click active");
            $("#p1").prop("class","");
            $("#t1").prop("class","");
            $("#t2").prop("class","");
            $("#t0").prop("class","");
            $("#t4").prop("class","");
            $("#t5").prop("class","");
            $("#t6").prop("class","");
            $("#t7").prop("class","");
            $("#t8").prop("class","");
            $("#t9").prop("class","");
            $("#t10").prop("class","");
        } else if(i==4){
            $("#t4").prop("class","tag-click active");
            $("#p1").prop("class","");
            $("#t1").prop("class","");
            $("#t2").prop("class","");
            $("#t3").prop("class","");
            $("#t0").prop("class","");
            $("#t5").prop("class","");
            $("#t6").prop("class","");
            $("#t7").prop("class","");
            $("#t8").prop("class","");
            $("#t9").prop("class","");
            $("#t10").prop("class","");
        } else if(i==5){
            $("#t5").prop("class","tag-click active");
            $("#p1").prop("class","");
            $("#t1").prop("class","");
            $("#t2").prop("class","");
            $("#t3").prop("class","");
            $("#t4").prop("class","");
            $("#t0").prop("class","");
            $("#t6").prop("class","");
            $("#t7").prop("class","");
            $("#t8").prop("class","");
            $("#t9").prop("class","");
            $("#t10").prop("class","");
        } else if(i==6){
            $("#t6").prop("class","tag-click active");
            $("#p1").prop("class","");
            $("#t1").prop("class","");
            $("#t2").prop("class","");
            $("#t3").prop("class","");
            $("#t4").prop("class","");
            $("#t5").prop("class","");
            $("#t0").prop("class","");
            $("#t7").prop("class","");
            $("#t8").prop("class","");
            $("#t9").prop("class","");
            $("#t10").prop("class","");
        } else if(i==7){
            $("#t7").prop("class","tag-click active");
            $("#p1").prop("class","");
            $("#t1").prop("class","");
            $("#t2").prop("class","");
            $("#t3").prop("class","");
            $("#t4").prop("class","");
            $("#t5").prop("class","");
            $("#t6").prop("class","");
            $("#t0").prop("class","");
            $("#t8").prop("class","");
            $("#t9").prop("class","");
            $("#t10").prop("class","");
        }
        else if(i==8){
            $("#t8").prop("class","tag-click active");
            $("#p1").prop("class","");
            $("#t1").prop("class","");
            $("#t2").prop("class","");
            $("#t3").prop("class","");
            $("#t4").prop("class","");
            $("#t5").prop("class","");
            $("#t6").prop("class","");
            $("#t0").prop("class","");
            $("#t7").prop("class","");
            $("#t9").prop("class","");
            $("#t10").prop("class","");
        }
        else if(i==9){
            $("#t9").prop("class","tag-click active");
            $("#p1").prop("class","");
            $("#t1").prop("class","");
            $("#t2").prop("class","");
            $("#t3").prop("class","");
            $("#t4").prop("class","");
            $("#t5").prop("class","");
            $("#t6").prop("class","");
            $("#t0").prop("class","");
            $("#t7").prop("class","");
            $("#t8").prop("class","");
            $("#t10").prop("class","");
        }
        else if(i==10){
            $("#t10").prop("class","tag-click active");
            $("#p1").prop("class","");
            $("#t1").prop("class","");
            $("#t2").prop("class","");
            $("#t3").prop("class","");
            $("#t4").prop("class","");
            $("#t5").prop("class","");
            $("#t6").prop("class","");
            $("#t0").prop("class","");
            $("#t7").prop("class","");
            $("#t8").prop("class","");
            $("#t9").prop("class","");
        }
        //给影院隐藏域赋值
        $("#cinema").val(cinemaId);
        //获取影厅 地区的val
        var hall=$("#halls").val();
        var area=$("#areas").val();

        queryCinemaAll(cinemaId,area,hall)
    }
    //品牌全部
    function pAll(cinema){
        $("#p1").prop("class","tag-click active")
        $("#t0").prop("class","");
        $("#t1").prop("class","");
        $("#t2").prop("class","");
        $("#t3").prop("class","");
        $("#t4").prop("class","");
        $("#t5").prop("class","");
        $("#t6").prop("class","");
        $("#t7").prop("class","");
        $("#t8").prop("class","");
        $("#t9").prop("class","");
        $("#t10").prop("class","");
        //赋值
        $("#cinema").val(cinema);
        //获取影厅 地区的val
        var hall=$("#halls").val();
        var area=$("#areas").val();
        queryCinemaAll(cinema,area,hall);
    }

    //影厅全部
    function tAll(hall){
        $("#p3").prop("class","tag-click active")
        $("#tt0").prop("class","");
        $("#tt1").prop("class","");
        $("#tt2").prop("class","");
        $("#tt3").prop("class","");
        $("#tt4").prop("class","");
        $("#tt5").prop("class","");
        $("#tt6").prop("class","");
        $("#tt7").prop("class","");
        $("#tt8").prop("class","");
        $("#tt9").prop("class","");
        //赋值
        $("#halls").val(hall);
        //获取影厅 地区的val
        var area=$("#areas").val();
        var cinema=$("#cinema").val();
        queryCinemaAll(cinema,area,hall);
    }
    //地区全部
    function xAll(area){
        //赋值
        $("#areas").val(area);
        $("#ttt0").prop("class","");
        $("#ttt1").prop("class","");
        $("#ttt2").prop("class","");
        $("#ttt3").prop("class","");
        $("#ttt4").prop("class","");
        $("#ttt5").prop("class","");
        $("#ttt6").prop("class","");
        $("#ttt7").prop("class","");
        $("#ttt8").prop("class","");
        $("#ttt9").prop("class","");
        $("#p2").prop("class","tag-click active")
        //获取影厅 地区的val
        var hall=$("#halls").val();
        var cinema=$("#cinema").val();
        queryCinemaAll(cinema,area,hall);
    }

    function getHall(hall,i){
        if(i==0){
            $("#tt0").prop("class","tag-click active");
            $("#p3").prop("class","");
            $("#tt1").prop("class","");
            $("#tt2").prop("class","");
            $("#tt3").prop("class","");
            $("#tt4").prop("class","");
            $("#tt5").prop("class","");
            $("#tt6").prop("class","");
            $("#tt7").prop("class","");
            $("#tt8").prop("class","");
            $("#tt9").prop("class","");
        }
        else if(i==1){
            $("#tt1").prop("class","tag-click active");
            $("#p3").prop("class","");
            $("#tt0").prop("class","");
            $("#tt2").prop("class","");
            $("#tt3").prop("class","");
            $("#tt4").prop("class","");
            $("#tt5").prop("class","");
            $("#tt6").prop("class","");
            $("#tt7").prop("class","");
            $("#tt8").prop("class","");
            $("#tt9").prop("class","");
        }
        else if(i==2){
            $("#tt2").prop("class","tag-click active");
            $("#p3").prop("class","");
            $("#tt1").prop("class","");
            $("#tt0").prop("class","");
            $("#tt3").prop("class","");
            $("#tt4").prop("class","");
            $("#tt5").prop("class","");
            $("#tt6").prop("class","");
            $("#tt7").prop("class","");
            $("#tt8").prop("class","");
            $("#tt9").prop("class","");
        }
        else if(i==3){
            $("#tt3").prop("class","tag-click active");
            $("#p3").prop("class","");
            $("#tt1").prop("class","");
            $("#tt2").prop("class","");
            $("#tt0").prop("class","");
            $("#tt4").prop("class","");
            $("#tt5").prop("class","");
            $("#tt6").prop("class","");
            $("#tt7").prop("class","");
            $("#tt8").prop("class","");
            $("#tt9").prop("class","");
        }
        else if(i==4){
            $("#tt4").prop("class","tag-click active");
            $("#p3").prop("class","");
            $("#tt1").prop("class","");
            $("#tt2").prop("class","");
            $("#tt3").prop("class","");
            $("#tt0").prop("class","");
            $("#tt5").prop("class","");
            $("#tt6").prop("class","");
            $("#tt7").prop("class","");
            $("#tt8").prop("class","");
            $("#tt9").prop("class","");
        } else if(i==5){
            $("#tt5").prop("class","tag-click active");
            $("#p3").prop("class","");
            $("#tt1").prop("class","");
            $("#tt2").prop("class","");
            $("#tt3").prop("class","");
            $("#tt4").prop("class","");
            $("#tt0").prop("class","");
            $("#tt6").prop("class","");
            $("#tt7").prop("class","");
            $("#tt8").prop("class","");
            $("#tt9").prop("class","");
        } else if(i==6){
            $("#tt6").prop("class","tag-click active");
            $("#p3").prop("class","");
            $("#tt1").prop("class","");
            $("#tt2").prop("class","");
            $("#tt3").prop("class","");
            $("#tt4").prop("class","");
            $("#tt5").prop("class","");
            $("#tt0").prop("class","");
            $("#tt7").prop("class","");
            $("#tt8").prop("class","");
            $("#tt9").prop("class","");
        } else if(i==7){
            $("#tt7").prop("class","tag-click active");
            $("#p3").prop("class","");
            $("#tt1").prop("class","");
            $("#tt2").prop("class","");
            $("#tt3").prop("class","");
            $("#tt4").prop("class","");
            $("#tt5").prop("class","");
            $("#tt6").prop("class","");
            $("#tt0").prop("class","");
            $("#tt8").prop("class","");
            $("#tt9").prop("class","");
        }
        else if(i==8){
            $("#tt8").prop("class","tag-click active");
            $("#p3").prop("class","");
            $("#tt1").prop("class","");
            $("#tt2").prop("class","");
            $("#tt3").prop("class","");
            $("#tt4").prop("class","");
            $("#tt5").prop("class","");
            $("#tt6").prop("class","");
            $("#tt0").prop("class","");
            $("#tt7").prop("class","");
            $("#tt9").prop("class","");
        }
        else if(i==9){
            $("#tt9").prop("class","tag-click active");
            $("#p3").prop("class","");
            $("#tt1").prop("class","");
            $("#tt2").prop("class","");
            $("#tt3").prop("class","");
            $("#tt4").prop("class","");
            $("#tt5").prop("class","");
            $("#tt6").prop("class","");
            $("#tt0").prop("class","");
            $("#tt7").prop("class","");
            $("#tt8").prop("class","");
        }


        //给影厅隐藏域赋值
        $("#halls").val(hall);
        //获取地区 影院的val
        var cinema=$("#cinema").val();
        var area=$("#areas").val();
        queryCinemaAll(cinema,area,hall)
    }
    function test(aa,i) {
        if(i==0){
            $("#ttt0").prop("class","tag-click active");
            $("#p2").prop("class","");
            $("#ttt1").prop("class","");
            $("#ttt2").prop("class","");
            $("#ttt3").prop("class","");
            $("#ttt4").prop("class","");
            $("#ttt5").prop("class","");
            $("#ttt6").prop("class","");
            $("#ttt7").prop("class","");
            $("#ttt8").prop("class","");
            $("#ttt9").prop("class","");
        }
        else if(i==1){
            $("#ttt1").prop("class","tag-click active");
            $("#p2").prop("class","");
            $("#ttt0").prop("class","");
            $("#ttt2").prop("class","");
            $("#ttt3").prop("class","");
            $("#ttt4").prop("class","");
            $("#ttt5").prop("class","");
            $("#ttt6").prop("class","");
            $("#ttt7").prop("class","");
            $("#ttt8").prop("class","");
            $("#ttt9").prop("class","");
        }
        else if(i==2){
            $("#ttt2").prop("class","tag-click active");
            $("#p2").prop("class","");
            $("#ttt0").prop("class","");
            $("#ttt1").prop("class","");
            $("#ttt3").prop("class","");
            $("#ttt4").prop("class","");
            $("#ttt5").prop("class","");
            $("#ttt6").prop("class","");
            $("#ttt7").prop("class","");
            $("#ttt8").prop("class","");
            $("#ttt9").prop("class","");
        }
        else if(i==3){
            $("#ttt3").prop("class","tag-click active");
            $("#p2").prop("class","");
            $("#ttt0").prop("class","");
            $("#ttt2").prop("class","");
            $("#ttt1").prop("class","");
            $("#ttt4").prop("class","");
            $("#ttt5").prop("class","");
            $("#ttt6").prop("class","");
            $("#ttt7").prop("class","");
            $("#ttt8").prop("class","");
            $("#ttt9").prop("class","");
        }

        else if(i==4){
            $("#ttt4").prop("class","tag-click active");
            $("#p2").prop("class","");
            $("#ttt0").prop("class","");
            $("#ttt2").prop("class","");
            $("#ttt3").prop("class","");
            $("#ttt1").prop("class","");
            $("#ttt5").prop("class","");
            $("#ttt6").prop("class","");
            $("#ttt7").prop("class","");
            $("#ttt8").prop("class","");
            $("#ttt9").prop("class","");
        }   else if(i==5){
            $("#ttt5").prop("class","tag-click active");
            $("#p2").prop("class","");
            $("#ttt0").prop("class","");
            $("#ttt2").prop("class","");
            $("#ttt3").prop("class","");
            $("#ttt4").prop("class","");
            $("#ttt1").prop("class","");
            $("#ttt6").prop("class","");
            $("#ttt7").prop("class","");
            $("#ttt8").prop("class","");
            $("#ttt9").prop("class","");
        }
        else if(i==6){
            $("#ttt6").prop("class","tag-click active");
            $("#p2").prop("class","");
            $("#ttt0").prop("class","");
            $("#ttt2").prop("class","");
            $("#ttt3").prop("class","");
            $("#ttt4").prop("class","");
            $("#ttt5").prop("class","");
            $("#ttt1").prop("class","");
            $("#ttt7").prop("class","");
            $("#ttt8").prop("class","");
            $("#ttt9").prop("class","");
        }  else if(i==7){
            $("#ttt7").prop("class","tag-click active");
            $("#p2").prop("class","");
            $("#ttt0").prop("class","");
            $("#ttt2").prop("class","");
            $("#ttt3").prop("class","");
            $("#ttt4").prop("class","");
            $("#ttt5").prop("class","");
            $("#ttt6").prop("class","");
            $("#ttt1").prop("class","");
            $("#ttt8").prop("class","");
            $("#ttt9").prop("class","");
        }
        else if(i==8){
            $("#ttt8").prop("class","tag-click active");
            $("#p2").prop("class","");
            $("#ttt0").prop("class","");
            $("#ttt2").prop("class","");
            $("#ttt3").prop("class","");
            $("#ttt4").prop("class","");
            $("#ttt5").prop("class","");
            $("#ttt6").prop("class","");
            $("#ttt7").prop("class","");
            $("#ttt1").prop("class","");
            $("#ttt9").prop("class","");
        }


        //给地区隐藏域赋值
        $("#areas").val(aa);
        //获取影厅 影院的val
        var cinema=$("#cinema").val();
        var hall=$("#halls").val();
        queryCinemaAll(cinema,aa,hall)
    };
</script>
</html>
